﻿@model RiderShop.Mobile.Modle.MyAccount.MyPromotionCodeModel
@section header
{
    <link href="~/Themes/RongJi/Style/base/css/account.css" rel="stylesheet">
}
@section title
{
我的优惠券
}
<div id="equalize">
    @{
        Html.RenderPartial("MenuPartial");
    }
    <div class="col-right">
        <div class="wrapper-right">
            <header class="accountHeader">
                <i class="hui"></i>
                <h2>我的优惠券</h2>
            </header>
            @if (Model.TotalCount == 0)
            {
                <div class="nothingHere">
                    <i class="fa fa-leaf"></i>
                    <p>~优惠券空空如也~</p>
                    <a href="~/" class="rjbtn rjbtnGreen">去逛逛</a>
                </div>
            }
            else
            {
                <div id="Tabs">
                    <ul id="TabsHandler">
                        <li>
                            <a href="#Tabs1" id="noUse"><i class="fa fa-bars"></i>未使用(@Model.NoUsePromotionCodeTotalCount)</a>
                            <input type="hidden" id="noUsePromotionCodeTotalPage" value="@Model.NoUsePromotionCodeTotalPage">
                            <input type="hidden" id="noUsePromotionCodeTotalCount" value="@Model.NoUsePromotionCodeTotalCount">
                        </li>
                        <li>
                            <a href="#Tabs2" id="used"><i class="fa fa-bars"></i>已使用(@Model.UsedPromotionCodeTotalCount)</a>
                            <input type="hidden" id="usedPromotionCodeTotalPage" value="@Model.UsedPromotionCodeTotalPage">
                            <input type="hidden" id="usedPromotionCodeTotalCount" value="@Model.UsedPromotionCodeTotalCount">
                        </li>
                        <li><a href="#Tabs3" id="expire"><i class="fa fa-bars"></i>已过期(@Model.ExpirePromotionCodeTotalCount)</a>
                            <input type="hidden" id="expirePromotionCodeTotalPage" value="@Model.ExpirePromotionCodeTotalPage">
                            <input type="hidden" id="expirePromotionCodeTotalCount" value="@Model.ExpirePromotionCodeTotalCount">
                        </li>
                    </ul>
                    <div id="Tabs1" class="Tabs-Wrapper">
                        @if (Model.PromotionCodeList != null && Model.PromotionCodeList.Count != 0)
                        {
                            <div id="mypromotioncodelistTab1">
                                @{
                                    Html.RenderPartial("MyPromotionCodePartial", Model);
                                }
                            </div>
                        }
                    </div>
                    <div id="Tabs2" class="Tabs-Wrapper">
                        <div id="mypromotioncodelistTab2">
                        </div>
                    </div>
                    <div id="Tabs3" class="Tabs-Wrapper">
                        <div id="mypromotioncodelistTab3">
                        </div>
                    </div>
                </div>
                               
                <div class="pageNavBottom">
                    <ul class="listPager">
                        <li class="disabled">共<strong id="mypromotioncodeTotlaCount">@Model.NoUsePromotionCodeTotalCount</strong>个券</li>
                        <li class="disabled">共<strong id="mypromotioncodeTotlaPage">@Model.NoUsePromotionCodeTotalPage</strong>页</li>
                        <li class="disabled">当前第<strong id="currentPage">1</strong>页</li>
                        <li class="item"><i class="fa fa-angle-double-left"></i><a href="javascript:void(0)" id="fristPage">首页</a></li>
                        <li class="item"><i class="fa fa-angle-left"></i><a href="javascript:void(0)" id="previousPage">上一页</a></li>
                        <li class="item"><a href="javascript:void(0)" id="nextPage">下一页</a> <i class="fa fa-angle-right"></i></li>
                        <li class="item"><a href="javascript:void(0)" id="lastPage">尾页</a> <i class="fa fa-angle-double-right"></i></li>
                    </ul>
                </div>
            }
        </div>
    </div>
</div>
@section footer
{
    <script src="~/Themes/RongJi/Style/base/js/account.mypromotioncode.js"></script>
    <script src="~/Themes/RongJi/Style/base/js/aTabs.js"></script>
    <script>
        $('#Tabs').aTabs({
            eventName: 'click'
        });
    </script>
}